<template>
    <div>
      <Header></Header>
      <div class="crumb">
        <div class="w">
          <div class="crumb-con">
            <a class="link" href="./index.html">睿购商城</a>
            <span>&gt;</span>
            <span class="link-text">个人中心</span>
          </div>
        </div>
      </div>
      <div class="pass-update-wrap w">
        <div class="left-con">
          <ul class="menu">
            <li class="menu-item active">
              <router-link class="link" to="/userCenter">个人中心</router-link>
            </li>
            <li class="menu-item">
              <router-link class="link" to="/orderList">我的订单</router-link>
            </li>
            <li class="menu-item">
              <router-link class="link" to="/userPassUpdate">修改密码</router-link>
            </li>
          </ul>
        </div>
        <div class="right-con">
          <div class="panel">
            <div class="panel-title">
              我的信息
            </div>
            <div class="panel-body">
              <div class="user-info">
                <div class="text-line">
                  <span class="text-label">用户名：</span>
                  <span class="text">张三</span>
                </div>
                <div class="text-line">
                  <span class="text-label">电 话：</span>
                  <span class="text">123456789012</span>
                </div>
                <div class="text-line">
                  <span class="text-label">邮 箱：</span>
                  <span class="text">张三@abc.com</span>
                </div>
                <div class="text-line">
                  <span class="text-label">问 题：</span>
                  <span class="text">222</span>
                </div>
                <div class="text-line">
                  <span class="text-label">答 案：</span>
                  <span class="text">222</span>
                </div>
                <div class="text-line">
                  <a href="./user-center-update.html" class="btn btn-mini btn-submit">编辑</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
</template>

<script>
    import Header from "../components/Header";
    export default {
        name: "userCenter",
      components: {Header}
    }
</script>

<style scoped>

</style>
